<template>
  <div id="app">
    <Header></Header>
    <router-view></router-view>

    <!-- footer组件根据条件渲染- 使用v-if  逻辑过多可以使用计算属性-->
    <!-- <Footer
      v-if="$route.name !== 'Login' && $route.name !== 'Register'"></Footer> -->

    <!-- 使用路由元信息进行判断 -->
    <Footer v-if="!$route.meta.FooterIsHidden"></Footer>
  </div>
</template>
<script>
import Header from "@/components/Header";
import Footer from "@/components/Footer";

export default {
  name: "App",
  components: {
    Header,
    Footer,
  },
};
</script>
<style></style>
